<!--<script type="text/javascript" src="<?=script_url('custom/login');?>"></script>-->
<div class="row">
<div class="row">
  <div class="small-12 large-4 columns" style="text-align:center;">
	&nbsp;
  </div>
  <div class="small-12 large-4 columns" style="text-align:center;">
	<a href="<?=site_url('auth/login/president');?>" class="loginbasis" data-user-type="president"><image src="<?=image_url('president.png');?>" alt=""/></a>
	<p><a href="<?=site_url('auth/login/president');?>" class="btn btn-primary btn-small loginbasis loginbasis" data-user-type="president">President</a></p>
  </div>
  
  <div class="small-12 large-4 columns" style="text-align:center;">
  &nbsp;
  </div>
</div>
<div class="row">
  <div class="small-12 large-4 columns" style="text-align:center;">
	<a href="<?=site_url('auth/login/admin');?>" class="loginbasis" data-user-type="admin"><image src="<?=image_url('administrator.png');?>" alt=""/></a>
	<p><a href="<?=site_url('auth/login/admin');?>" class="btn btn-primary btn-small loginbasis" data-user-type="admin">Administrator</a></p>
  </div>
  
  <div class="small-12 large-4 columns" style="text-align:center;">
	<a href="<?=site_url('auth/login/evaluation');?>"class="loginbasis" data-user-type="evaluation"><image src="<?=image_url('dean.png');?>" alt=""/></a>
	<p><a href="<?=site_url('auth/login/evaluation');?>" class="btn btn-primary btn-small loginbasis" data-user-type="evaluation">Principal</a></p>
  </div>
  
  <div class="small-12 large-4 columns" style="text-align:center;">
	<a href="<?=site_url('auth/login/vice-principal');?>"class="loginbasis" data-user-type="vice-principal"><image src="<?=image_url('vice-principal-icon.png');?>" alt=""/></a>
	<p><a href="<?=site_url('auth/login/vice-principal');?>" class="btn btn-primary btn-small loginbasis" data-user-type="vice-principal">Vice Principal</a></p>
  </div>
</div>
<div class="row">
  <div class="small-12 large-4 columns" style="text-align:center;">
	<a href="<?=site_url('auth/login/registrar');?>"class="loginbasis" data-user-type="registrar"><image src="<?=image_url('registrar.png');?>"alt=""/></a>
	<p><a href="<?=site_url('auth/login/registrar');?>" class="btn btn-primary btn-small loginbasis"data-user-type="registrar">Registrar</a></p>
  </div>

  <div class="small-12 large-4 columns" style="text-align:center;">
	<a href="<?=site_url('auth/login/finance');?>"class="loginbasis" data-user-type="finance"><image src="<?=image_url('financer.png');?>" alt=""/></a>
	<p><a href="<?=site_url('auth/login/finance');?>" class="btn btn-primary btn-small loginbasis"data-user-type="finance">Finance</a></p>
  </div>
  
  <div class="small-12 large-4 columns" style="text-align:center;">
	<a href="<?=site_url('auth/login/hrd');?>"class="loginbasis" data-user-type="hrd"><image src="<?=image_url('hrd.png');?>" alt=""/></a>
	<p><a href="<?=site_url('auth/login/hrd');?>" class="btn btn-primary btn-small loginbasis"data-user-type="hrd">Human Resource</a></p>
  </div>
</div>
<div class="row">  
  <div class="small-12 large-4 columns" style="text-align:center;">
	<a href="<?=site_url('auth/login/teacher');?>"class="loginbasis" data-user-type="teacher"><image src="<?=image_url('teacher.png');?>" alt=""/></a>
	<p><a href="<?=site_url('auth/login/teacher');?>" class="btn btn-primary btn-small loginbasis"data-user-type="teacher">Teacher</a></p>
  </div>

  <div class="small-12 large-4 columns" style="text-align:center;">
	<a href="<?=site_url('auth/login/librarian');?>"class="loginbasis"data-user-type="librarian"><image src="<?=image_url('library.png');?>" alt=""/></a>
	<p><a href="<?=site_url('auth/login/librarian');?>" class="btn btn-primary btn-small loginbasis" data-user-type="librarian">Librarian</a></p>
  </div>
  
  <div class="small-12 large-4 columns" style="text-align:center;">
	<a href="<?=site_url('auth/login/custodian');?>"class="loginbasis" data-user-type="custodian"><image src="<?=image_url('inventory.png');?>" alt=""/></a>
	<p><a href="<?=site_url('auth/login/custodian');?>" class="btn btn-primary btn-small loginbasis"data-user-type="custodian">Custodian</a></p>
  </div>
</div>
<div class="row"> 
  <div class="small-12 large-4 columns" style="text-align:center;">
	<a href="<?=site_url('auth/login/cashier');?>"class="loginbasis"data-user-type="cashier"><image src="<?=image_url('cashier.png');?>" alt=""/></a>
	<p><a href="<?=site_url('auth/login/cashier');?>" class="btn btn-primary btn-small loginbasis"data-user-type="cashier">Cashier</a></p>
  </div>
  
  <div class="small-12 large-4 columns" style="text-align:center;">
	<a href="<?=site_url('auth/login/encoder');?>"class="loginbasis"data-user-type="encoder"><image src="<?=image_url('encoder.png');?>" alt=""/></a>
	<p><a href="<?=site_url('auth/login/encoder');?>" class="btn btn-primary btn-small loginbasis"data-user-type="encoder">Encoder</a></p>
  </div>

  <div class="small-12 large-4 columns" style="text-align:center;">
	<a href="<?=site_url('auth/login/guidance');?>"class="loginbasis"data-user-type="guidance"><image src="<?=image_url('guidance.png');?>" alt=""/></a>
	<p><a href="<?=site_url('auth/login/guidance');?>" class="btn btn-primary btn-small loginbasis" data-user-type="guidance">Guidance</a></p>
  </div>
</div>

	<div id="loginDiv" class="reveal-modal login-modal">
	  <?$this->load->view('modals/auth/login');?>
	  <a class="close-reveal-modal">&#215;</a>
	</div>
</div>

